<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src='js/vue1.0.js'></script>
	<script type='text/javascript'>

			window.onload=function(){		
				  var vm=new Vue({
                      el:'#box',
                      data:{
  						msg:'welcome vue',
  						msg1:12,
  						msg2:true,
  						arr:['one','two','three'],
  						json:{a:'one',b:'two'},
                      },
				  });

			   // var btn=document.getElementsByTagName('button');
			   var btn=document.getElementById('btn');
			   var input=document.getElementsByTagName('input')[0];
			   
			   btn.onclick=function(){
			   	    // alert(1);
			   	    // console.log(input.value);
			   }
			}

	</script>
</head>
<body>
   <div id="box">
        <button id="btn">按钮</button>
	    <input type="text" v-model='msg'>
	    <input type="text" v-model='msg'> 
	    <br>
   	   {{msg}}
   	   <br>
   	   {{msg1}} 
   	   <br>
   	   {{msg2}}
  		<br>
  	   {{arr}}	
  	   <br>
  	   {{json}}		

   </div>
</body>
</html>